﻿header{ position:relative; z-index:7; height:107px}
.lf{float:left}
.rg{float:right}
.logo img{position:relative;z-index:100}
/*nav*/
.nav{overflow:hidden;border-bottom:1px solid #d8e0e6;}
.nav .nav_img_link{ float:left; line-height:1.5}
.nav .nav_link{ float:right; width:65%;line-height:1.5}
#header{margin:0 auto; }
.pc-nav{margin:0 auto;}
.pc-nav .jquery_out{float:left;line-height:32px;display:block;border-right:1px solid #fff;text-align:center;color:#fff;font:18px/32px "微软雅黑";}
.pc-nav .jquery_out .smile{padding-left:1em}
.pc-nav .jquery_inner{margin-left:16px}
.pc-nav .jquery{margin-right:1px;padding:0 2em}
.pc-nav .mainlevel{position:unset; display:table-cell; text-transform:uppercase; line-height:70px}
.pc-nav .mainlevel a{color:#333;text-decoration:none;display:block;text-align:center;width:100%;font-size:16px; padding:0 10px;border-bottom:4px solid #fff;}
.pc-nav .mainlevel a.hit{ border-bottom:4px solid #0666f7;}
.pc-nav .mainlevel a:hover{text-decoration:none;border-bottom:4px solid #0666f7;}
.pc-nav .mainlevel .container{ position:relative; padding:2rem 0; overflow:hidden}
.pc-nav .mainlevel .nav_img_link a{ padding:0}
.pc-nav .mainlevel .nav_img_link a:hover,.nav .mainlevel .nav_link a:hover,.nav .mainlevel .nav_link a{ border-bottom:none;}
.nav .mainlevel .nav_link a:hover{ color:#d70c25}
.pc-nav .mainlevel ul{display:none;background:#fff !important;position:absolute;width:100%;z-index:9999999999; left:0; border-top:1px solid #ddd;}
.nav .mainlevel .nav_link .tit a{text-align: left;display: table;width: 100%;font-size: 1rem; padding:0; line-height:inherit !important}
.nav .mainlevel .nav_link .nav_sub_list{width: 31%;float:left;}
.nav .mainlevel .nav_link .tit{ padding:0px 0px 1rem}
.nav .mainlevel .nav_link .nav_sub_list a{font-size: 13px;color: #333;text-align: left;position: relative;border-bottom: 1px solid #ddd; padding:0rem 0px 1.25rem; margin-bottom:1.25rem; line-height:none !important}
.nav .mainlevel .nav_link .nav_sub_list a:hover{ color:#d70c25;background:url("../images/icon/arrow_right.png") no-repeat right 5px;}
.nav .mainlevel .nav_link.common_nav_link .nav_sub_list:nth-child(3n+2),.nav .mainlevel .nav_link.pro_nav_link .nav_sub_list:nth-child(2n+1){margin: 0px 3.5%;}
.pc-nav .mainlevel li a:hover{ border-bottom:none; color:#d70c25}
.pro-nav ul{left:0;z-index:10}
.pro-nav li{float:left;width:25%!important;padding-top:3%;margin:0 0 5%}
.pc-nav .mainlevel.mainlevel-lan ul{ left:inherit;width:110px}
.pc-nav .mainlevel.mainlevel-lan ul .nav_link{ width:100%; float:inherit}
.pc-nav .mainlevel.mainlevel-lan ul .nav_link a{ text-align:center; margin-bottom:0; padding:.75rem 0;}
.pc-nav .mainlevel.mainlevel-lan ul .nav_link a:hover{ background:none}
.nav .mainlevel.mainlevel-lan .nav_link .nav_sub_list{ width:100%; float:inherit}
@media screen and (min-width:769px){
	.search-close.cd-search-trigger.search-is-visible{ display:none; margin:0 !important; padding:0; top:0}
}
@media screen and (max-width:768px){
	.cd-search-trigger span{ background:none}
	.cd-search-trigger{ margin-top:0 !important}
	.cd-search-trigger::before{ border:2px solid #888; height:17px; width:17px; top:6px; left:19px;}
	.cd-search-trigger::after,.cd-search-trigger span::before, .cd-search-trigger span::after{ background:#888}
	.cd-search-trigger span::before, .cd-search-trigger span::after{ margin-left:-1px}
	.cd-search{ top:75px; position:fixed; z-index:9999999999}
	.searchbox .import{ height:40px; background:#e9eff2; }
	.cd-search-trigger::after{ bottom:15px; right:0}
	.cd-search-trigger, .cd-nav-trigger{ height:40px; width:40px; margin-top:6px}
	.cd-search.is-visible .mod_select,.cd-search.is-visible .btn-search{ display:none}
	.cd-search form{ padding:15px 0}
	.cd-search.is-visible .searchbox{ width:80%; padding:0 50px 0 0;border:none;height:40px;}
	.nav_item a{ position:relative}
	.nav_item a.nav_link::before{content: '';background: #d1d8dc;height: 0px;width: 3px;position: relative;left: -8px;top: 1px;padding-left: 3px; z-index:9999999999}
	.nav_img_link,.nav_sub_list img{ display:none}
	.cd-search.is-visible .search-close.cd-search-trigger{ background:url("../images/icon/close.png") center center no-repeat #fff; top:0; border:none; height:40px; width:40px; position:absolute; right:0;margin:0 !important; z-index:9999999999 }
}
@media only screen and (max-width:1170px){
	.nav-diplay{ display:none}
}

.moblie_head,.wap_nav_main{display:none}
@media screen and (max-width: 1024px) and (min-width: 769px){
	.moblie_head{ top:32px !important;}
}
@media screen and (max-width: 1024px) and (min-width: 0px){
	.nav{display:none}
	.top{ position:fixed; left:0; top:0; width:100%}
	.moblie_head{display:block;height:80px;background:#fff;position:fixed;top:32px;left:0px;width:100%;z-index:9;border-bottom:1px solid #ddd}
	.moblie_head .lf{margin:20px 0;padding-left:5%}
	.moblie_head .rg{padding-right:6%;padding-top:28px}
	.moblie_head .rg a img{height:16px;vertical-align:top; width:24px;}
	.wap_nav_main{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
	.wap_nav_main .wap_nav_bg{position:absolute;width:100%;height:100%;background:#000;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.wap_nav_main .wap_nav_close{position:absolute;width:20%;right:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.wap_nav_main .wap_nav_close img{ width:22px}
	.wap_nav_main .wap_box{position:absolute;width:80%;right:0px;top:0px;background:#fff;height:100%;z-index:100;left:-80%}
	.wap_nav_main .wap_box ul{padding-left:5%;padding-right:5%}
	.wap_nav_main .wap_box ul li{border-bottom:1px solid #E9EFF2; position:relative}
	.wap_nav_main .wap_box ul li::before{content:'';background: #d1d8dc;height:16px;width: 3px;position:absolute;left: 0;top: 15px;}
	.wap_nav_main .wap_box ul li a{display:block;height:45px;color:#333;line-height:45px;padding:0 13px;font-size:16px}
	.wap_nav_main .wap_box ul li .wap_nav{background:transparent url("../images/icon/nav_arrow.png") no-repeat scroll right center;-webkit-transition:transform 0.3s ease 0s;-moz-transition:transform 0.3s ease 0s;transition:transform 0.3s ease 0s}
	.wap_nav_main .wap_box ul li .wap_nav_on{background:transparent url("../images/icon/nav_arrow_down.png") no-repeat scroll right center;-webkit-transition:transform 0.3s ease 0s;-moz-transition:transform 0.3s ease 0s;transition:transform 0.3s ease 0s}
	.wap_nav_main .wap_box ul li .wap_nav_list{display:none; width:95%; margin:0 auto}
	.wap_nav_main .wap_box ul li .wap_nav_list a{height:40px;line-height:40px;font-size:14px; border-bottom:1px solid #E9EFF2}
	.wap_nav_main .wap_box ul li .wap_nav_list a:last-child{ border-bottom:none}
	.wap_nav_main .wap_box ul li a:hover{ color:#D70C25}

	.wap-logo {background: #E9EFF2;padding:1rem;}
	.wap-logo img {width: 240px;margin: 0px auto;}
}
@media only screen and (max-width:540px){
	.top .container .fr.top_link .mall,.top .container .fr.top_link .college{ display:none}
}